<template>
  <el-backtop :bottom="100">
    <div class="backtop-view">
      <img src="~/assets/images/layouts/footer/backtop.png" class="backtop-view-img" />
      <span>回到顶部</span>
    </div>
  </el-backtop>
  <footer class="footer-box">
    <el-row :gutter="20">
      <el-col :span="16" :xs="24">
        <el-row>
          <el-col :span="24"><h1 class="footer-title">友情链接</h1></el-col>
        </el-row>
        <el-row :gutter="20" class="footer-link-box">
          <el-col :span="6" :xs="12" class="footer-link">
            <NuxtLink>百度百度百度百度百度</NuxtLink>
          </el-col>
          <el-col :span="6" :xs="12" class="footer-link">
            <NuxtLink>百度</NuxtLink>
          </el-col>
          <el-col :span="6" :xs="12" class="footer-link">
            <NuxtLink>百度</NuxtLink>
          </el-col>
          <el-col :span="6" :xs="12" class="footer-link">
            <NuxtLink>百度</NuxtLink>
          </el-col>
          <el-col :span="6" :xs="12" class="footer-link">
            <NuxtLink>百度</NuxtLink>
          </el-col>
          <el-col :span="6" :xs="12" class="footer-link">
            <NuxtLink>百度</NuxtLink>
          </el-col>
        </el-row>
      </el-col>
      <el-col :span="8" :xs="24">
        <el-row>
          <el-col :span="24"><h1 class="footer-title">联系我们</h1></el-col>
        </el-row>
        <el-row>
          <el-col :span="12" :xs="24" class="footer-right">
            <div class="footer-img-box"
              ><img src="~/assets/images/layouts/footer/code.webp" class="footer-img"
            /></div>
            <span class="footer-img-name">公众号</span>
          </el-col>
          <el-col :span="12" :xs="24" class="footer-right">
            <div class="footer-img-box"
              ><img src="~/assets/images/layouts/footer/code.webp" class="footer-img"
            /></div>
            <span class="footer-img-name">公众号</span>
          </el-col>
        </el-row>
      </el-col>
    </el-row>
  </footer>
  <div class="foot-code">
    <span>Copyright 2014-2022</span>
    <NuxtLink to="https://www.lvacms.cn/" target="_blank"
      >All Rights Reserved 西安咪乐多软件科技有限公司</NuxtLink
    >
    <NuxtLink to="https://beian.miit.gov.cn/" target="_blank">苏ICP备2020058653号-1</NuxtLink>
  </div>
</template>
<style lang="less" scoped>
@import './index.less';
</style>
